@charset "gb2312";

/*  css animation  */
.trans{-webkit-transition: all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
/* page animation  */
.ani-view {-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;}

@-webkit-keyframes fadeInDown {
    0% {opacity:0;-webkit-transform:translateY(20px)}
    100% {opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown {
    0% {opacity:0;-moz-transform:translateY(20px)}
    100% {opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown {
    0% {opacity:0;-o-transform:translateY(20px)}
    100% {opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInDown {
    0% {opacity:0;transform:translateY(20px)}
    100% {opacity:1;transform:translateY(0)}
}

.ani-view.fade-in-down{opacity:0;opacity:1\0/IE9;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-ms-transform:translateY(0)\0/IE9;}
.ani-view.fadeInDown {-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown;}

@-webkit-keyframes fadeInLeft {
    0% {opacity:0;-webkit-transform:translateX(-100px)}
    100% {opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft {
    0% {opacity:0;-moz-transform:translateX(-100px)}
    100% {opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeft {
    0% {opacity:0;-o-transform:translateX(-100px)}
    100% {opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInLeft {
    0% {opacity:0;transform:translateX(-100px)}
    100% {opacity:1;transform:translateX(0)}
}
.ani-view.fade-in-left{opacity:0;opacity:1\0/IE9;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px);-ms-transform:translateX(0)\0/IE9;}
.ani-view.fadeInLeft {-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft;}

@-webkit-keyframes fadeInRight {
    0% {opacity:0;-webkit-transform:translateX(100px)}
    100% {opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight {
    0% {opacity:0;-moz-transform:translateX(100px)}
    100% {opacity:1;-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight {
    0% {opacity:0;-ms-transform:translateX(100px)}
    100% {opacity:1;-ms-transform:translateX(0)}
}
@-o-keyframes fadeInRight {
    0% {opacity:0;-o-transform:translateX(100px)}
    100% {opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInRight {
    0% {opacity:0;transform:translateX(100px)}
    100% {opacity:1;transform:translateX(0)}
}
.ani-view.fade-in-right{opacity:0;opacity:1\0/IE9;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px);-ms-transform:translateX(0)\0/IE9;}
.ani-view.fadeInRight {-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight;}

/*ͼƬ·Å´ó*/
.show-pic{width: 798px;height: 309px;position: absolute;left: 50%;margin-left: -399px;bottom: -80px;cursor: pointer;} 
.show-pic:hover img{webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s; transition: all 1s ease 0s; -moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);}

@-webkit-keyframes fadeInUp {
	from {opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
	to {opacity: 1; -webkit-transform: none; transform: none;}
}

@keyframes fadeInUp {
	from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
	to { opacity: 1; -webkit-transform: none; transform: none;}
}

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
.ani-view.fade-in-up{opacity:0; opacity:1\0/IE9;-webkit-transform:translateY(20px);-moz-transform:translateY(20px); -o-transform:translateY(20px); transform:translateY(20px);-ms-transform:translateY(0)\0/IE9;}
.ani-view.fadeInUp {-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp;}


.bounce-top{-webkit-animation:bounce-top .9s both;animation:bounce-top .9s both}
@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}

.rotate-in-2-cw{-webkit-animation:rotate-in-2-cw .5s cubic-bezier(.25,.46,.45,.94) both;animation:rotate-in-2-cw .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes rotate-in-2-cw{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotate-in-2-cw{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}100%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}

.scale-in-hor-left{-webkit-animation:scale-in-hor-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-hor-left .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes scale-in-hor-left{0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1}100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1}}@keyframes scale-in-hor-left{0%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1}100%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0;opacity:1}}

.scale-in-center{-webkit-animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both}
@-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}

.slit-in-vertical{-webkit-animation:slit-in-vertical .45s ease-out both;animation:slit-in-vertical .45s ease-out both}
@-webkit-keyframes slit-in-vertical{0%{-webkit-transform:translateZ(-800px) rotateY(90deg);transform:translateZ(-800px) rotateY(90deg);opacity:0}54%{-webkit-transform:translateZ(-160px) rotateY(87deg);transform:translateZ(-160px) rotateY(87deg);opacity:1}100%{-webkit-transform:translateZ(0) rotateY(0);transform:translateZ(0) rotateY(0)}}@keyframes slit-in-vertical{0%{-webkit-transform:translateZ(-800px) rotateY(90deg);transform:translateZ(-800px) rotateY(90deg);opacity:0}54%{-webkit-transform:translateZ(-160px) rotateY(87deg);transform:translateZ(-160px) rotateY(87deg);opacity:1}100%{-webkit-transform:translateZ(0) rotateY(0);transform:translateZ(0) rotateY(0)}}